[{"name":"Background with Particle.js","slug":"background-particle-js","version":"2.0.0","author":"Maher Hossain","author_profile":"https://profiles.wordpress.org/maherhossain/","requires":"4.5.0","tested":"6.4.5","requires_php":"5.2.4","requires_plugins":[],"rating":84,"ratings":{"1":1,"2":0,"3":0,"4":0,"5":4},"num_ratings":5,"support_threads":0,"support_threads_resolved":0,"downloaded":6860,"last_updated":"2024-03-07 5:21pm GMT","added":"2020-10-02","homepage":"http://maherhossain.com/particle-background","sections":{"description":"

Create an awesome Particle Banner using the particles.js JavaScript library to add cool particle effects to any WordPress page.

Fully customizable you can control everything from the dashboard with a graphical interface, no need to create a JSON file, just insert suitable values to create beautiful particle effects on your website.

Features

No configuration file needed, hassle free intrigation
Customize everything from Dashboard
Easy and understandable user guideline
Multiple Demo configuration
To display the particle js background select the page template as “Particle Background” or use the shortcode [particlejs-banner].

\n","installation":"

You may install the plugin using the three following method:

Upload the plugin file to your /wp-content/plugins/ directory
Activate the plugin through the ‘Plugins’ menu in WordPress
Pasete the short code ([particlejs-banner]) where you want to display the particle banner or select “Particle Background” as Page template
Configure your settings from Dashboard-> ParticleJs Banner and Save the Settings
Open the page and enjoy the Particle js effect

\n","faq":"\n

\nHow can I add my own particles.js config file?\n\n

No Need to create configuration file, everything is configurable from wordpress Dashboard, just go to Dashboard-> ParticleJs Banner and configure accordingly.

\nHow can I add text over the Particle Banner?\n\n

Go to Dashboard-> ParticleJs Banner, you will get a separate section for text and Call to action button configuration. Change the title, description and call to action button as per necissity.

\nHow may I change particle size, color and background?\n\n

Login to WordPress dashboard and click ParticleJs Banner then you can change everything from the relevent section. It is quite self explenatory.

\n\n","changelog":"

1.0.0

Release date: October 1, 2020

1.0.2

Release date: October 3, 2020
Fix center align text issue

1.1.0

Release date: April 27, 2021
Fix minor issue

1.2.0

Release date: March 2, 2022
Tested for WP new Version

1.3.0

Release date: March 2, 2022
Fixed bug

2.0.0

Release date: March 6, 2024
Fixed bug

\n","screenshots":"

$\"Particle$
Particle Background Setting Appearance
$\"Example$
Example of placing Shortcode to the page
$\"Example$
Example of selecting particle background as a page template
$\"Particle$
Particle Events fields
$\"Particle$
Particle Click Events fields
$\"Particle$
Particle settings options
$\"Particle$
Particle Movement and Line settings options

"},"short_description":"Easy to use Particle JS Background. Create powerful Particle banner from dashboard, no need to create configuration file.","download_link":"https://downloads.wordpress.org/plugin/background-particle-js.zip","screenshots":{"1":{"src":"https://ps.w.org/background-particle-js/assets/screenshot-1.png?rev=2392229","caption":"Particle Background Setting Appearance"},"2":{"src":"https://ps.w.org/background-particle-js/assets/screenshot-2.png?rev=2392229","caption":"Example of placing Shortcode to the page"},"3":{"src":"https://ps.w.org/background-particle-js/assets/screenshot-3.png?rev=2392229","caption":"Example of selecting particle background as a page template"},"4":{"src":"https://ps.w.org/background-particle-js/assets/screenshot-4.png?rev=2392229","caption":"Particle Events fields"},"5":{"src":"https://ps.w.org/background-particle-js/assets/screenshot-5.png?rev=2392229","caption":"Particle Click Events fields"},"6":{"src":"https://ps.w.org/background-particle-js/assets/screenshot-6.png?rev=2392229","caption":"Particle settings options"},"7":{"src":"https://ps.w.org/background-particle-js/assets/screenshot-7.png?rev=2392229","caption":"Particle Movement and Line settings options"}},"tags":{"particle-banner":"Particle banner","particle-js-background":"Particle JS Background","particle-js-slider":"Particle js slider","particlejs-banner":"ParticleJS Banner","particlejs-slider":"ParticleJS Slider"},"versions":[],"donate_link":"https://www.paypal.me/sheikhmunna13","icons":{"1x":"https://ps.w.org/background-particle-js/assets/icon-128x128.png?rev=2392229","2x":"https://ps.w.org/background-particle-js/assets/icon-256x256.png?rev=2392229"}},{"name":"Particle Background WP","slug":"particle-background-wp","version":"2.0.0","author":"Ryan Novotny","author_profile":"https://profiles.wordpress.org/ryannovotny/","requires":"4.0","tested":"6.5.5","requires_php":false,"requires_plugins":[],"rating":62,"ratings":{"1":3,"2":0,"3":1,"4":1,"5":3},"num_ratings":8,"support_threads":0,"support_threads_resolved":0,"downloaded":47271,"last_updated":"2024-03-25 6:28am GMT","added":"2018-02-10","homepage":"","sections":{"description":"

Add the particles.js JavaScript library to add cool particle effects to any WordPress page ( demo: https://particlebackground.com/ ).

Uses shortcode or easy options for adding to the front page or blog page of WordPress.

Fully customize the particles using your own JSON or the built in color & density settings

Leave a comment in the support forum for any suggestions or bugs.

Features

Add particle background to home or blog pages with one click
\nAdd particle background to any page using shortcodes
\nCustomize the background color and dot color
\nAdd any HTML just like a WordPress post to display on top of the particle background (optional)

\n","installation":"

Upload the plugin file to your /wp-content/plugins/ directory
Activate the plugin through the ‘Plugins’ menu in WordPress
In your sidebar, select ‘Particle Backgrounds’ to get started

\n","faq":"\n

\nHow can I add my own particles.js config file?\n\n

Method 1: Add a directory in your theme called particle-background-wp and copy your particlesjs-config.json file to that folder. The json will automatically be loaded.
\nMethod 2. Add a filter rn-pbwp-custom-json that returns a JSON string of the config.

\nHow can I customize which pages the particle background appears on?\n\n

Method 1: Use the one-click buttons to add particle background to your Blog or Home pages
\nMethod 2: Insert the shortcode [particle-background-wp] on the page you want to add a particle background to.
\nMethod 3: Use the filter rn-pbwp-enqueue to return true to add particle background to a page.

\n\n","changelog":"

Particle Background WP 2.0.0

Added ability to target CSS selectors to fill with particles(!)
Rewrote shortcode behavior to fill the parent with particles, instead of inserting a top section
A few UI updates

Particle Background WP 1.1.0

Added particle density slider
Added a filter for custom JSON
Added a theme-specific particle json support. Add /particle-background-wp/particlejs-config.json to your theme to automatically load a particles.js JSON config file
Added a filter for enqueuing the particle script ( ‘rn-pbwp-enqueue’ ) – true to enqueue the particles on that page
Fix shortcodes not working in the content input

Particle Background WP 1.0.0

Initial Release

\n","screenshots":"

$\"Default$
Default Setting
$\"Admin$
Admin screen

"},"short_description":"Particle Backgrounds WP lets you easily add cool particle-style backgrounds to any page.","download_link":"https://downloads.wordpress.org/plugin/particle-background-wp.zip","screenshots":{"1":{"src":"https://ps.w.org/particle-background-wp/trunk/screenshot-1.png?rev=3057995","caption":"Default Setting"},"2":{"src":"https://ps.w.org/particle-background-wp/trunk/screenshot-2.png?rev=3057995","caption":"Admin screen"}},"tags":{"background":"background","backgrounds":"backgrounds","particle":"Particle","particle-background":"particle background","particles-js":"particles.js"},"versions":[],"donate_link":"https://particlebackground.com/","icons":{"1x":"https://ps.w.org/particle-background-wp/assets/icon-128x128.png?rev=1833042","2x":"https://ps.w.org/particle-background-wp/assets/icon-256x256.png?rev=1833042"}}]

ParticleJS Slider

Background with Particle.js

Particle Background WP

Get New Themes & Resources